
@font-face{font-family: soul;src: url("./font/新蒂泡芙体.ttf");}

@font-face{
    font-family: consola;
    src: url("./font/consola.ttf");
}

/* html,body{ font-family: "SF UI Display", ".PingFang SC","PingFang SC", "Neue Haas Grotesk Text Pro", "Arial Nova", "Segoe UI", "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "Hiragino Sans GB", sans-serif;
    font-size: 16px;
    color:#222;
    -webkit-text-size-adjust:none;  min-width: 200px;
    max-width: 760px;
    margin: 0 auto; padding: 1rem;
    line-height: 1.5rem;
  
  } */
.project-layout .description h1,.project-layout .description h2,.project-layout .description h3,.project-layout .description h4,.project-layout .description h5,.project-layout .description h6{font-family: "PT Sans","SF UI Display", ".PingFang SC","PingFang SC", "Neue Haas Grotesk Text Pro", "Arial Nova", "Segoe UI", "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "Hiragino Sans GB", sans-serif;
  text-rendering:optimizelegibility;margin-bottom:1em;font-weight:bold; line-height: 1.8rem;
  }
.project-layout .description h1,.project-layout .description h2{position:relative;padding-top:1rem;padding-bottom:1rem;margin-bottom:1rem;background:url('') bottom left repeat-x;}
.project-layout .description h2{padding-top:0.8rem;padding-bottom:0.2rem;}
.project-layout .description h1{ font-size: 1.6rem;}
.project-layout .description h2{ font-size: 1.4rem;}
.project-layout .description h3{ font-size: 1.2rem;}
.project-layout .description h4{ font-size: 1.1rem;}
.project-layout .description h5{ font-size: 1.0rem;}
.project-layout .description h6{ font-size: 0.9rem;}
.project-layout .description table{border-collapse:collapse;border-spacing:0;
    margin-top: 0.8rem;
    margin-bottom: 1.4rem;
  }
.project-layout .description tr{  background-color: #fff;
    border-top: 1px solid #ccc;}
    .project-layout .description th,.project-layout .description td{padding: 5px 14px;
    border: 1px solid #ddd;}
.project-layout .description blockquote{font-style:italic;font-size:1.1em;line-height:1.5em;padding-left:1em; border-left:4px solid #D5D5D5;    margin-left: 0;
      margin-right: 0;
      margin-bottom: 1.5rem; }
.project-layout .description a{color:#1863a1}
.project-layout .description pre,.project-layout .description code,.project-layout .description p code,.project-layout .description li code{font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace}
.project-layout .description pre{-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em;border:1px solid #e7dec3;line-height:1.45em;font-size:0.9rem;margin-bottom:2.1em;padding:.8em 1em;color:#586e75;overflow:auto; background-color:#fdf6e3;}
.project-layout .description p code,.project-layout .description li code{display:inline-block;white-space:no-wrap;background:#fff;font-size:0.9rem;line-height:1.5em;color:#555;border:1px solid #ddd;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em;padding:0 .3em;margin:-1px 4px;}
.project-layout .description p pre code,.project-layout .description li pre code{font-size:1em !important;background:none;border:none}
.project-layout .description img{max-width:100%;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;-webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 4px;-moz-box-shadow:rgba(0,0,0,0.15) 0 1px 4px;box-shadow:rgba(0,0,0,0.15) 0 1px 4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.project-layout .description hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ddd;
  }
  
  
  

html,body { margin: 0; padding: 0; position: absolute; width: 100%; height: 100%;}
#app { position: absolute; width: 100%; height: 100%;}
body{ user-select:none; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }
* { outline: none; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #ccc; }
textarea { font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }


.el-card__header { padding: 12px 15px;}

.text_gray { color: #999999 !important; }
.text_blue { color:#409EFF !important; }
.text_red { color: #F56C6C !important; }
.text_green { color: #67C23A !important; }
.text_orange { color: #E6A23C !important; }
.text_transparent { color: transparent;}

.text_gray input { color: #999999 !important; }
.text_blue input { color:#409EFF !important; }
.text_red input { color: #F56C6C !important; }
.text_green input { color: #67C23A !important; }
.text_orange input { color: #E6A23C !important; }
.text_transparent input { color: transparent;}

/* 框架部分 */
.layout { position: fixed; top: 0px; left: 0; right: 0; bottom: 0;}
.layout .layout-menu { width: 70px; position: absolute; top: 0; left: 0; bottom: 0; background:#198cff;}
.layout .layout-content { position: absolute; top: 30px; right: 0; left: 70px; bottom: 0; background:#fff;}
.layout .layout-content-shadow { width: 100%; height: 1px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.layout .layout-menu .logo { width: 55px; height: 55px; margin: 10px auto 20px auto; border-radius: 50%; overflow: hidden;}
.layout .layout-menu .logo img { display: block; width: 100%;}
.layout .layout-menu .menu-item { width: 100%; height: 55px; color: #fff; font-size: 20px; cursor: pointer; text-align: center; line-height: 55px; transition: background-color .2s;}
.layout .layout-menu .menu-item:hover { background: rgba(0, 0, 0, 0.2); }
.layout .layout-menu .menu-item.active { background: rgba(255, 255, 255, 0.2); }
.layout .layout-content .layout-content-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
.layout .layout-content .layout-content-item { position: absolute; width: 100%; height: 100%;}


/* 项目部分 */

.project-layout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; }
.project-layout .project-detail { left: 10px; bottom: 10px; right: 370px; top: 10px; color: #666; position: absolute;  }
.project-layout .project-detail .el-card__body { overflow-y: auto; position: absolute; padding: 0px 20px 20px 20px; left: 0; right: 0; bottom: 0;top: 50px;}
.project-layout .project-right-part { position: absolute; top: 10px; width: 350px; right: 10px; bottom: 10px; }
.project-layout .user_model { bottom: 0; position: absolute; width: 350px; top: 250px; right: 0;}
.project-layout .user_model .el-card__body { position: absolute; top: 46px; overflow-x: hidden; overflow-y: auto; right: 0; bottom: 0; left: 0;}
.project-layout .project-status { padding: 5px 0 ;}
.project-layout .description { user-select: text; padding-bottom: 10px;}



/* 接口调试部分 */

.api-layout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.api-layout .tree-layout { position: absolute; top: 1px;left: 0; bottom: 0; width: 250px; border-right: 1px solid #f0f0f0;}
.api-layout .content-layout { position: absolute; top: 1px; left: 250px; bottom: 0; right: 0; overflow: auto; background-image: url('~@/assets/title.png'); background-position: center center; background-repeat: no-repeat;}
.api-layout .moveBar { width: 5px; height: 100%; position: absolute; opacity: 0.4; top: 1px; }
.api-layout .moveBar:active { background: #ccc; }
.api-layout .moveBar:hover { cursor: col-resize; background: #ccc; }


/* 搜索部分 */

.search-layout { width: 100%; border-bottom: 1px solid #f0f0f0; height: 60px;}
.search-layout .search-input-layout { padding: 10px; position: relative;}
.search-layout .clear { position: absolute; right: 23px; top: 23px; color: #ccc; cursor: pointer;}
.search-layout .seatch-input .el-input-group__prepend { border-radius: 20px 0 0 20px; padding: 0; }
.search-layout .seatch-input .el-input__inner { border-radius: 0 20px 20px 0; padding: 0 30px 0 15px;}
.search-layout .seatch-input .selectText { padding: 20px 10px; font-weight: bold; cursor: pointer;}
.search-dropdown-item { font-weight: bold;}
.search-layout .search-list-layout { position: absolute; top: 110px; left: 0; right: 0; bottom: 0; background: #fff; z-index: 10; overflow-x: hidden; overflow-y: auto;}
.search-layout .empty { text-align: center; line-height: 100px; color: #aaa; }
.search-layout.forDocument .seatch-input .el-input__inner { border-radius:20px; }

/* 列表部分 */
.tree-list-layout {position: absolute; top: 110px; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto;}
.PAGE_title { height: 50px; width: 100%; line-height: 50px; font-size: 22px; font-weight: bold; color: #666; text-indent: 20px; border-bottom: 1px solid #f0f0f0;}
/* 文件夹部分 */
.folder{position:relative;width:100%;}
.folder.root {position: absolute; top: 0; width: 100%; bottom:0px; }
.folder.root .folderRoot { position: absolute; top: 40px; bottom: 0;  padding-bottom: 40px; width: 100%; overflow-x: hidden; overflow-y: auto !important;}
.folder>.moveLineBox{position:absolute;top:0;left:0;width:100%;height:40px;}
.folder>.moveLineBox .TopMoveMark{position:absolute;top:0;width:100%;height:33%;}
.folder>.moveLineBox .intoFolder{position:absolute;top:30%;width:100%;height:40%;}
.folder>.moveLineBox .BottomMoveMark{position:absolute;top:67%;width:100%;height:33%;}
.folder>.moveLineBox .BottomMoveMark .moveLine{margin:4px auto 0 auto;}
.folder:hover::after{position:absolute;top:40px;bottom:0;left:10px;border-left:1px solid rgba(0,0,0,.2);content:'';}
.folder.root:hover::after{display:none;}
.folder .folder-name{position:relative;padding:0 5px 0 5px;height:40px;}
.folder .folder-name:hover{background:#f6f6f6;}
.folder .folder-name.isRoot {background:#eee; }
.folder>.folder-name .folderSetting{position:absolute;top:0;right:0;width:100px;height:40px;font-size:18px;line-height:40px;opacity:0;cursor:pointer;}
.folder>.folder-name .folderSetting:hover{opacity:1;}
.folder>.folder-name .folderSettingItem{display:inline-block;width:26px;height:40px;text-align:center;opacity:.3;}
.folder>.folder-name .folderSettingItem:hover{opacity:.7;}
.folder>.folder-name .folderSetting.isRoot{opacity:1;}
.folder .empty{padding:0 0 0 40px;color:#909399;}
.folder .icon{position:absolute;display:-webkit-flex;display:flex;width:20px;height:40px;justify-content:center;align-items:center;}
.folder .icon i.el-icon-arrow-right { transition:transform .2s;}
.folder.show>.folder-name i.el-icon-arrow-right{ transform: rotateZ(90deg);}
.folder .folder-title{position:absolute;right:0;left:30px;overflow:hidden;height:40px;color:#7784a1;text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:40px;}
.folder.active>.folder-name{background:#ecf6ff;}
.folder.active>.folder-name .folder-title{color:#198cff;}
.folder .folder-list{padding:0 0 0 15px;}
.folder .folder-api{padding:0 0 0 15px;}
.el-popover{ min-width: 60px; }
.folderCount { color: #999999; padding: 0 0 0 10px;}

/* 接口部分 */
.file {position:relative;width:100%;height:40px; cursor: pointer;}
.file .file-box .file-type{margin:0 5px 0 0;line-height:40px; font-size: 14px;}
.file .file-box .file-title{color:#7784a1;line-height:40px; font-size: 14px;}
.file .file-box{overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:40px;opacity:.7;}
.file:hover .file-box{background:rgba(0, 0, 0, 0.05);opacity:1;}
.file.active .file-box{background:#ecf6ff;opacity:1;}
.file .moveMark{position:absolute;top:0;left:0;width:100%;height:100%;}
.file .TopMoveMark{position:absolute;top:0;width:100%;height:50%;}
.file>.moveMark .BottomMoveMark{position:absolute;top:50%;width:100%;height:50%;}
.file>.moveMark .BottomMoveMark .moveLine{margin:12px auto 0 auto;}

/* 装饰部分 */
.moveLine{opacity:.6;width:100%;position:relative;margin:-8px auto 0 auto;height:15px;z-index:999;pointer-events:none}
.moveLine .line{position:absolute;top:6px;height:3px;background:rgba(83,168,255,1);position:absolute;left:5px;right:5px}
.moveLine .leftLine{width:10px;height:10px;position:absolute;top:1px;left:-7px;border-top:3px solid rgba(83,168,255,1);border-right:3px solid rgba(83,168,255,1);transform:rotateZ(45deg)}
.moveLine .rightLine{width:10px;height:10px;position:absolute;top:1px;right:-7px;border-top:3px solid rgba(83,168,255,1);border-left:3px solid rgba(83,168,255,1);transform:rotateZ(-45deg)}

/* 移动部分 */
.moveMark{position:fixed}
.moveMark .title{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:30px;background:rgba(83,168,255,.7);color:#fff;line-height:30px;padding:0 10px;border-radius:15px}
.moveMark .icon{top:-10px;left:-20px;position:absolute;width:10px;height:30px;line-height:30px;color:rgba(83,168,255,.7)}
.moveMark .icon-folder{top:0;left:-20px;position:absolute;width:10px;height:30px;line-height:30px;color:rgba(83,168,255,.7)}
.moveMark .icon-cannotMove{top:0;left:-20px;position:absolute;width:10px;height:30px;line-height:30px;color:#666}

/* api 主题部分 */
.main-box .el-tabs__new-tab{margin:12px 10px 9px 10px;float:left}
.main-box .el-tabs__new-tab:hover{border-color:#409eff}
.main-box .el-tabs__new-tab:focus{outline:0}
.main-box .el-tabs__nav-next,.main-box .el-tabs__nav-prev{width:28px;text-align:center}
.main-box .el-tabs__nav-next:hover,.main-box .el-tabs__nav-prev:hover{color:#409eff}
.main-box .el-tabs__header{margin:0}
.main-box.empty .el-tabs__header{border:none}
.main-box>.el-tabs__content{position:absolute;bottom:0;top:41px;width:100%;background:url(title.png) center center no-repeat;background-color:#fff;background-size:40%}
.main-box .is-active .tagTitle{color:#666;font-weight:700}
.main-line .el-input-group__append{padding:0}
.sendButton{line-height:38px;padding:0 0 0 20px;cursor:pointer;color:#fff!important;background:#53a8ff!important;border-radius:0 4px 4px 0!important}
.sendButton span{padding:0 10px 0 0}
.main-line .otherOption{padding:0 5px 0 20px;border-left:1px solid #c7c7c76e}
.sendButton:hover{color:#fff!important;background:#63b1ff!important;border-radius:0 4px 4px 0!important}
.main-line .el-input-group__append{border-color:#53a8ff!important;background:#53a8ff!important}
.main-line .otherOption .el-button{padding:0;line-height:38px;color:#fff}
.main-line .otherOption .el-button i{color:#fff}
.main-line .ipBox .el-button{border-left:1px solid #dcdfe6!important}
.api-content{position:absolute;top:0;bottom:0;width:100%;background:#fff}
.api-content .api-content-box{position:absolute;left:0;right:0;top:0;bottom:0;padding:10px;overflow-x:hidden;overflow-y:auto}
.api-content .titleBox{margin:0 20px;position:relative;height:57px}
.api-content .titleBox .api-title-box{position:absolute;left:147px;right:0;height:40px;top:0}
.api-content .title{border-radius:4px;text-indent:10px;color:#606266;position:absolute;width:100%;margin:0;padding:0;border:1px solid #fff;font-size:16px;height:39px;}
.api-content .main-line{padding:0 20px 20px 20px}
.api-content .type{font-weight:700}
.api-content .ip{color:#606266}
.api-content .textarea-box{padding:0 20px 20px 20px}
.api-content .ResponseBox{padding:0 20px 20px 20px}
.api-content .Response-content{position:relative;height:500px;border:1px solid #e4e7ed}
.api-content .Response-content .CodeMirror { height: 459px;}
.api-content .Response-content .ContentToFile { position: absolute; right: 20px; top: 50px; z-index: 999;}
.api-content .Response-headers { position: absolute; top: 41px; bottom: 0px; left: 0; right: 0; background: #fff; z-index: 9; overflow-x: hidden; overflow-y: scroll;}
.api-content .Response-title{padding:0 5px 10px 5px;color: #666;}
.api-content .resOptions{float:right;font-size:12px;line-height:29px}
.api-content .cancel-mark{position:absolute;top:41px;width:100%;height:100%;background-color:rgba(0,0,0,.2);left:0;z-index:10;text-align:center;line-height:100px}
.api-content .api-state-change {width: 130px;height: 40px;}
.api-state-change input {height: 40px;line-height: 40px;padding: 20px 30px;}
.api-state-change .el-input{ position: relative;}

.text_gray .el-input::before ,
.text_blue .el-input::before,
.text_red .el-input::before,
.text_green .el-input::before,
.text_orange .el-input::before { font-family: element-icons !important;content: '\e797';position: absolute;height: 40px;line-height: 42px;left: 15px;font-size: 14px;}

.text_gray.el-select-dropdown__item::before ,
.text_blue.el-select-dropdown__item::before,
.text_red.el-select-dropdown__item::before,
.text_green.el-select-dropdown__item::before,
.text_orange.el-select-dropdown__item::before {font-family: element-icons !important;content: '\e797';position: absolute;height: 34px;line-height: 34px;left: 14px;font-size: 14px; }
.api-state-change-option .el-scrollbar__wrap{margin-bottom: -6px !important;}
.api-state-change-option .el-select-dropdown__item{padding-left: 40px;}

.EditorText.text_gray .el-input::before, .EditorText.text_blue .el-input::before, .EditorText.text_red .el-input::before, .EditorText.text_green .el-input::before, .EditorText.text_orange .el-input::before {
  line-height: 32px !important;
}


.menu{width:150px;background:#fff;z-index:200;position:fixed;border:1px solid #ebeef5;padding:10px 0;line-height:36px;color:#606266;font-size:14px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
.menu .menuItem{cursor:pointer;padding:0 20px}
.menu .menuItem:hover{background-color:#ecf5ff;color:#66b1ff}
.el-drawer__body{height:100%}


.modelBox .modelSeatchInput{margin:0 0 13px 0}
.modelBox .modelName{padding:0 10px;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modelBox .modalItem{padding:4px 0;border-bottom:1px solid #ccc}
.modelBox .miniButton{float:right;margin:0;transform:scale(.85)}
.box-card-input .el-textarea__inner {
    font-family: consola !important;
    color: #666;
    border: none;
}


.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable .el-icon-close {width: 14px !important;}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable {padding-left: 13px !important; padding-right: 13px !important; }
.main-box .el-tabs__new-tab:focus { outline: none; }
.el-tabs__item:focus.is-active.is-focus:not(:active) {box-shadow: none;}
.CodeMirror{font-family:consola !important;font-size:14px!important}
.CodeMirror-custom textarea{font-family:consola !important;font-size:14px!important;font-weight:400!important}

.urlInputSelect .el-form-item__content{ line-height: 36px;}

.CustomDrawer .el-drawer__header>:first-child { font-size: 20px;}
.CustomDrawer .el-drawer__header { margin: 0;}
.CustomDrawer .customBox-body {position: absolute; left: 20px; right: 10px; padding: 0 10px 20px 0; bottom: 10px; top: 140px; overflow-x: hidden; overflow-y: auto;}
.quickInsert-empty { color: #999; }
/* .api-content .Response-message { user-select:text; position: absolute;bottom: 0;width: 50%;top: 0;right: 0; padding:10px; border-left: 1px solid #e4e7ed;}
.api-content .Response-textarea { position: absolute;bottom: 0;width: 50%;top: 0;left: 0; }

.api-content .Response-message-title { font-size: 20px; color: #666; padding: 10px 15px; border-bottom: 1px solid #e4e7ed;}
.api-content .Response-message-text { font-size: 16px; color: #666; padding-left: 20px; } 

.api-content .Response-message-error { color: #F56C6C;}
.api-content .Response-message-box { border: 1px solid #e4e7ed; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.api-content .Response-message-box pre { padding: 10px; color: #666;font-family:consola !important;white-space: pre-wrap;
    word-wrap: break-word;} */


/* #body .titlebar.windows.light .window-title::before { content: ''; display: inline-block; width: 30px; height: 30px; vertical-align: top;line-height: 25px; background: url(./logo.png); background-size: 80% 80%; background-repeat: no-repeat; background-position: center center; } */

.service_box { position: absolute; top: 0; left: 0; right: 0; bottom: 60px; overflow-x: hidden; overflow-y: auto; padding: 0 20px; }
.PluginList { position: absolute; height: 50px; bottom: 10px; left: 20px; right: 20px; text-align: center;}
.PluginItem { width: 40px; height: 40px; cursor: pointer; display: inline-block; background: #fff; border-radius: 10px; overflow: hidden; margin: 0 10px; opacity: 0.7;}
.PluginItem:hover { opacity: 1;}
.service_box .service_logo { display: inline-block; width: 80px; height: 80px; vertical-align: top; background: url('~@/assets/logo.png') center center no-repeat; }
.service_box .service_logo img { display: block; width: 60px; margin: 10px; border-radius: 50%;}


.service_box .service_header { border-bottom: 1px solid #eee; padding: 0 0 10px 0; position: relative;}
.service_box .service_header span { line-height: 85px; font-size: 23px; color: #777; padding: 0px;}
.service_box .service_swith { float: right; padding: 0; }
.service_box .service_swith span { font-size: 16px; color: #aaa; }
.service_box .service_swith span:hover { color: #198cff;}
.service_box .userItem { display: inline-block;}
.project_item .runButton.el-button { display: block; width: 100%; border-radius: 0;}

.service_box .service_header .genderIcon { font-size: 18px; margin: 0 0 0 10px; vertical-align: top;}
.service_box .service_header .genderIcon.wuman { color: pink;}
.service_box .service_header .genderIcon.man { color: dodgerblue;}
.service_box .service_header .updateUserMessage { color: #999; cursor: pointer; margin: 0 0 0 10px; }
.service_box .service_header .updateUserMessage:hover { color: dodgerblue;}
.service_box .service_header .nickname { position: absolute; left: 100px; top: 0px;}
.service_login { position: absolute; top: 100px; left: 20px; right: 20px; bottom: 0; overflow-x: hidden; overflow-y: scroll; }

.headerImage { width: 95%; margin: 0 auto 10px auto; height: 380px; overflow-y: auto; overflow-x: hidden;}
.headerImage::after { width: 100%; height: 1px; clear: both; content: ''; display: block;}
.headerImage .headerImageItem { float: left; width: 20%; margin: 5px 2.5%; position: relative; cursor: pointer; }
.headerImage .headerImageItem img { display: block; border-radius: 50%; width: 100%; }
.headerImage .headerImageItem.active::after { position: absolute; content: ''; top: 0; left: 0; width:110px; height: 110px; margin: -2px; border: 5px solid #198cff; border-radius: 50%;  }
.userMessageShow {position: absolute; left: 120px;}


.DocEditor .el-drawer__close-btn {
  z-index: 3000;
}

.v-note-wrapper .v-note-op .v-right-item { max-width: 15% !important;}